<!DOCTYPE html>
<html lang="en" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Variables | Front Matter | flipped</title>
<meta name="keywords" content="PaperMod" />
<meta name="description" content="List of Front Matter variables used by PaperMod">
<meta name="author" content="Aditya Telange">
<link rel="canonical" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-variables/" />
<link crossorigin="anonymous" href="/flippedzh/assets/css/stylesheet.min.2d6dbfc6e0f8a1db1c9d082a76dc11d094328cf63f247bbc2421dfaa7f2bb170.css" integrity="sha256-LW2/xuD4odscnQgqdtwR0JQyjPY/JHu8JCHfqn8rsXA=" rel="preload stylesheet" as="style">
<script defer crossorigin="anonymous" src="/flippedzh/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.js" integrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5&#43;kdJvBz5iKbt6B5PJI="
    onload="hljs.initHighlightingOnLoad();"></script>
<link rel="icon" href="http://zouheng22.gitee.io/flippedzh/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://zouheng22.gitee.io/flippedzh/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://zouheng22.gitee.io/flippedzh/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://zouheng22.gitee.io/flippedzh/apple-touch-icon.png">
<link rel="mask-icon" href="http://zouheng22.gitee.io/flippedzh/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.83.1" />
<link rel="alternate" hreflang="en" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-variables/" />
<meta property="og:title" content="Variables | Front Matter" />
<meta property="og:description" content="List of Front Matter variables used by PaperMod" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-variables/" /><meta property="og:image" content="http://zouheng22.gitee.io/flippedzh/papermod-cover.png"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2021-01-20T00:00:00&#43;00:00" />
<meta property="article:modified_time" content="2021-01-20T00:00:00&#43;00:00" />

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="http://zouheng22.gitee.io/flippedzh/papermod-cover.png"/>

<meta name="twitter:title" content="Variables | Front Matter"/>
<meta name="twitter:description" content="List of Front Matter variables used by PaperMod"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "Posts",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/"
    }, 
    {
      "@type": "ListItem",
      "position":  3 ,
      "name": "PaperMod",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/papermod/"
    }, 
    {
      "@type": "ListItem",
      "position":  4 ,
      "name": "Variables | Front Matter",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-variables/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Variables | Front Matter",
  "name": "Variables | Front Matter",
  "description": "List of Front Matter variables used by PaperMod",
  "keywords": [
    "PaperMod"
  ],
  "articleBody": "Below are variables used with this theme…\n Site Variables under Params    name type example Description     env string ‘production’ To set env to production   title string ‘My Blog’ To set title   description string ‘This is a blog of mine’ To set site description   author string |list ‘Me’ | [‘Me’,‘You’] To show multiple Authors   images string ‘myimage.png’ Link or path of image for opengraph, twitter-cards   keywords list [blog, page] Add keywords for Home page   DateFormat string “January 2, 2006” The format of date strings in the website. Details   languageAltTitle string “English” Alternate title in Multilingual Mode   ShowReadingTime boolean true | false To show read time in post meta   ShowShareButtons boolean true | false To show/hide share buttons under post   ShowCodeCopyButtons boolean true | false To show/hide Code Copy button   ShowFullTextinRSS boolean true | false To show Content in RSS feed   defaultTheme string light | dark | auto To set default theme   disableThemeToggle boolean true | false To disable theme toggle icon shown besides label   disableSpecial1stPost boolean true | false To disable no-card special appearance of 1st post   disableScrollToTop boolean true | false To disable ScrollToTop button   disableAnchoredHeadings boolean true | false To disable Anchored Headings   hideMeta boolean true | false To Hide meta elements : date, read-time, author and available-translations for page   hideSummary boolean true | false To Hide summary being shown in list pages   showtoc boolean true | false To show/hide Table of Contents   tocopen boolean true | false To keep open ToC by default on page load   ShowPostNavLinks boolean true | false Show Previous and Next Posts below a Post   ShowBreadCrumbs boolean true | false Show BreadCrumb Navigation above single post/page   comments boolean true | false To show/hide comments   analytics.google.SiteVerificationTag string “XYZabc” Site Verification Tag for Google Analytics   analytics.bing.SiteVerificationTag string “XYZabc” Site Verification Tag for Bing   analytics.yandex.SiteVerificationTag string “XYZabc” Site Verification Tag for Yandex   schema - - Details   fuseOpts - - Details   socialIcons - - Details   label - - Details   assets - - Details   cover - - Details   profileMode - - Details   editPost - - Details    Site Variables    name type example Description     copyright string **[example.site](https://example.site)** This is HUGO’s site variable, which can also render markdown content    label    name type example Description     label.text string ‘Home’ To display different label text other than title   label.icon string ‘/apple-touch-icon.png’ To display a logo image in label   label.iconHeight integer 35 To set size of label logo image    profileMode    name type example Description     profileMode.enabled boolean true | false For enabling profileMode, needs to be explicitly set   profileMode.title string “Title” Title   profileMode.subtitle string “subtitle here” Subtitle   profileMode.imageUrl string “image.png” | “https://example.com/image.jpg\" Image URL or Link   profileMode.imageWidth  string “150” Width of image   profileMode.imageHeight string “150” Height of image   profileMode.imageTitle string “This image is a picture of ..” Title of image   profileMode.buttons - - Details    profileMode.buttons profileMode: buttons: - name: Archive url: \"/archive\" - name: Github url: \"https://github.com/\" assets    name type example Description     assets.favicon string ‘icon.ico’ To set favicon, can be path or external link   assets.disableHLJS boolean true | false To disable Highlight.js loading   assets.disableFingerprinting boolean true | false To disable Sub-Resource integrity for assets    cover    name type example Description     cover.linkFullImages boolean true | false To open full size cover images on click on cover   cover.responsiveImages boolean true | false To enable/disable generation of responsive cover images   cover.hidden boolean true | false To hide everywhere but not in structured data   cover.hiddenInList boolean true | false To hide on list pages and home   cover.hiddenInSingle  boolean true | false To hide on list pages and home    schema    name type example Description     schema.publisherType string ‘Organization’ https://schema.org/publisher   schema.sameAs list [“URL1”, “URL2”] Set https://schema.org/sameAs    fuseOpts Refer: https://fusejs.io/api/options.html\nfuseOpts: isCaseSensitive: false shouldSort: true location: 0 distance: 1000 threshold: 0.4 minMatchCharLength: 0 keys: [\"title\", \"permalink\", \"summary\", \"content\"] ## can be less but not more than shown in list socialIcons socialIcons: - name: \"\" url: \"\" - name: \"\" url: \"\" editPost editPost: URL: \"https://github.com//content\" Text: \"Suggest Changes\" # edit text appendFilePath: true # to append file path to Edit link  Note: Same format is being used by Page Variables\n  Page Variables    Name Type Example Description     showtoc boolean true | false To show/hide Table of Contents   tocopen boolean true | false To keep open ToC by default on page load   hidemeta boolean true | false To Hide meta elements : date, read-time, author and available-translations for page   comments boolean true | false To show/hide comments   description string ‘description text’ Show Post Description under Title   canonicalURL string “https://canonical.url/to/page\" To add canonical URL to posts   disableShare boolean true | false To hide/show share icons under a page   disableHLJS boolean true | false To disable Highlight.js loading   disableAnchoredHeadings boolean true | false To disable Anchored Headings   searchHidden boolean true | false Hide page from search   hideSummary boolean true | false To Hide summary being shown in list pages   ShowReadingTime boolean true | false To show read time in post meta   ShowBreadCrumbs boolean true | false Show BreadCrumb Navigation above single post/page   ShowPostNavLinks boolean true | false Show Previous and Next Posts below a Post   author string |list ‘Me’ | [‘Me’,‘You’] To show multiple Authors   cover.image string ‘featured.jpg’ To add a cover image   cover.caption  string ‘caption for image’ To add caption to cover image   cover.alt string ‘this is cover image’ Alternate text to show if image doesn’t load/show up   cover.relative boolean true | false To use relative path for cover image, used in hugo Page-bundles   cover.hidden  boolean true | false To hide on current single page   weight  integer 5 To set page order or to pin a post to Top of list    ",
  "wordCount" : "912",
  "inLanguage": "en",
  "datePublished": "2021-01-20T00:00:00Z",
  "dateModified": "2021-01-20T00:00:00Z",
  "author":{
    "@type": "Person",
    "name": "Aditya Telange"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-variables/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "flipped",
    "logo": {
      "@type": "ImageObject",
      "url": "http://zouheng22.gitee.io/flippedzh/favicon.ico"
    }
  }
}
</script>
</head>

<body class="" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="http://zouheng22.gitee.io/flippedzh" accesskey="h" title="flipped (Alt + H)">flipped</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                
            </span>
        </div>
        <ul id="menu">
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/archives/" title="文章">
                    <span>文章</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/categories" title="目录">
                    <span>目录</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/tags" title="标签">
                    <span>标签</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/series" title="系列">
                    <span>系列</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/search/" title="搜索">
                    <span>搜索</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/fr" title="关于我">
                    <span>关于我</span>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main">

<article class="post-single">
  <header class="post-header">
    <div class="breadcrumbs"><a href="http://zouheng22.gitee.io/flippedzh">Home</a>&nbsp;»&nbsp;<a href="http://zouheng22.gitee.io/flippedzh/posts/">Posts</a>&nbsp;»&nbsp;<a href="http://zouheng22.gitee.io/flippedzh/posts/papermod/">PaperMod</a></div>
    <h1 class="post-title">
      Variables | Front Matter<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>
    </h1>
    <div class="post-meta">January 20, 2021&nbsp;·&nbsp;5 min&nbsp;·&nbsp;Aditya Telange
</div>
  </header> <div class="toc">
    <details >
        <summary accesskey="c" title="(Alt + C)">
            <div class="details">Table of Contents</div>
        </summary>
        <div class="inner"><ul>
                <li>
                    <a href="#site-variables-under-params" aria-label="Site Variables under Params">Site Variables under <code>Params</code></a></li>
                <li>
                    <a href="#site-variables" aria-label="Site Variables">Site Variables</a><ul>
                        
                <li>
                    <a href="#label" aria-label="label">label</a></li>
                <li>
                    <a href="#profilemode" aria-label="profileMode">profileMode</a><ul>
                        
                <li>
                    <a href="#profilemodebuttons" aria-label="profileMode.buttons">profileMode.buttons</a></li></ul>
                </li>
                <li>
                    <a href="#assets" aria-label="assets">assets</a></li>
                <li>
                    <a href="#cover" aria-label="cover">cover</a></li>
                <li>
                    <a href="#schema" aria-label="schema">schema</a></li>
                <li>
                    <a href="#fuseopts" aria-label="fuseOpts">fuseOpts</a></li>
                <li>
                    <a href="#socialicons" aria-label="socialIcons">socialIcons</a></li>
                <li>
                    <a href="#editpost" aria-label="editPost">editPost</a></li></ul>
                </li>
                <li>
                    <a href="#page-variables" aria-label="Page Variables">Page Variables</a>
                </li>
            </ul>
        </div>
    </details>
</div>

  <div class="post-content"><p><strong>Below are variables used with this theme&hellip;</strong></p>
<hr>
<h3 id="site-variables-under-params">Site Variables under <code>Params</code><a hidden class="anchor" aria-hidden="true" href="#site-variables-under-params">#</a></h3>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>env</code></td>
<td>string</td>
<td>&lsquo;production&rsquo;</td>
<td>To set env to production</td>
</tr>
<tr>
<td><code>title</code></td>
<td>string</td>
<td>&lsquo;My Blog&rsquo;</td>
<td>To set title</td>
</tr>
<tr>
<td><code>description</code></td>
<td>string</td>
<td>&lsquo;This is a blog of mine&rsquo;</td>
<td>To set site description</td>
</tr>
<tr>
<td><code>author</code></td>
<td>string |list</td>
<td>&lsquo;Me&rsquo; | [&lsquo;Me&rsquo;,&lsquo;You&rsquo;]</td>
<td>To show multiple Authors</td>
</tr>
<tr>
<td><code>images</code></td>
<td>string</td>
<td>&lsquo;myimage.png&rsquo;</td>
<td>Link or path of image for opengraph, twitter-cards</td>
</tr>
<tr>
<td><code>keywords</code></td>
<td>list</td>
<td>[blog, page]</td>
<td>Add keywords for Home page</td>
</tr>
<tr>
<td><code>DateFormat</code></td>
<td>string</td>
<td>&ldquo;January 2, 2006&rdquo;</td>
<td>The format of date strings in the website. <a href="https://gohugo.io/functions/format/">Details</a></td>
</tr>
<tr>
<td><code>languageAltTitle</code></td>
<td>string</td>
<td>&ldquo;English&rdquo;</td>
<td>Alternate title in Multilingual Mode</td>
</tr>
<tr>
<td><code>ShowReadingTime</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show read time in post meta</td>
</tr>
<tr>
<td><code>ShowShareButtons</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show/hide share buttons under post</td>
</tr>
<tr>
<td><code>ShowCodeCopyButtons</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show/hide Code Copy button</td>
</tr>
<tr>
<td><code>ShowFullTextinRSS</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show Content in RSS feed</td>
</tr>
<tr>
<td><code>defaultTheme</code></td>
<td>string</td>
<td>light | dark | auto</td>
<td>To set default theme</td>
</tr>
<tr>
<td><code>disableThemeToggle</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable theme toggle icon shown besides label</td>
</tr>
<tr>
<td><code>disableSpecial1stPost</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable no-card special appearance of 1st post</td>
</tr>
<tr>
<td><code>disableScrollToTop</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable ScrollToTop button</td>
</tr>
<tr>
<td><code>disableAnchoredHeadings</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable Anchored Headings</td>
</tr>
<tr>
<td><code>hideMeta</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To Hide meta elements : date, read-time, author and available-translations for page</td>
</tr>
<tr>
<td><code>hideSummary</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To Hide summary being shown in list pages</td>
</tr>
<tr>
<td><code>showtoc</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show/hide Table of Contents</td>
</tr>
<tr>
<td><code>tocopen</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To keep open ToC by default on page load</td>
</tr>
<tr>
<td><code>ShowPostNavLinks</code></td>
<td>boolean</td>
<td>true | false</td>
<td>Show Previous and Next Posts below a Post</td>
</tr>
<tr>
<td><code>ShowBreadCrumbs</code></td>
<td>boolean</td>
<td>true | false</td>
<td>Show BreadCrumb Navigation above single post/page</td>
</tr>
<tr>
<td><code>comments</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show/hide comments</td>
</tr>
<tr>
<td><code>analytics.google.SiteVerificationTag</code></td>
<td>string</td>
<td>&ldquo;XYZabc&rdquo;</td>
<td>Site Verification Tag for Google Analytics</td>
</tr>
<tr>
<td><code>analytics.bing.SiteVerificationTag</code></td>
<td>string</td>
<td>&ldquo;XYZabc&rdquo;</td>
<td>Site Verification Tag for Bing</td>
</tr>
<tr>
<td><code>analytics.yandex.SiteVerificationTag</code></td>
<td>string</td>
<td>&ldquo;XYZabc&rdquo;</td>
<td>Site Verification Tag for Yandex</td>
</tr>
<tr>
<td><code>schema</code></td>
<td>-</td>
<td>-</td>
<td><a href="#schema">Details</a></td>
</tr>
<tr>
<td><code>fuseOpts</code></td>
<td>-</td>
<td>-</td>
<td><a href="#fuseOpts">Details</a></td>
</tr>
<tr>
<td><code>socialIcons</code></td>
<td>-</td>
<td>-</td>
<td><a href="#socialIcons">Details</a></td>
</tr>
<tr>
<td><code>label</code></td>
<td>-</td>
<td>-</td>
<td><a href="#label">Details</a></td>
</tr>
<tr>
<td><code>assets</code></td>
<td>-</td>
<td>-</td>
<td><a href="#assets">Details</a></td>
</tr>
<tr>
<td><code>cover</code></td>
<td>-</td>
<td>-</td>
<td><a href="#cover">Details</a></td>
</tr>
<tr>
<td><code>profileMode</code></td>
<td>-</td>
<td>-</td>
<td><a href="#profilemode">Details</a></td>
</tr>
<tr>
<td><code>editPost</code></td>
<td>-</td>
<td>-</td>
<td><a href="#editPost">Details</a></td>
</tr>
</tbody>
</table>
<h3 id="site-variables">Site Variables<a hidden class="anchor" aria-hidden="true" href="#site-variables">#</a></h3>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>copyright</code></td>
<td>string</td>
<td><code>**[example.site](https://example.site)**</code></td>
<td>This is <a href="https://gohugo.io/variables/site/#site-variables-list">HUGO&rsquo;s site variable</a>, which can also render markdown content</td>
</tr>
</tbody>
</table>
<h4 id="label">label<a hidden class="anchor" aria-hidden="true" href="#label">#</a></h4>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>label.text</code></td>
<td>string</td>
<td>&lsquo;Home&rsquo;</td>
<td>To display different label text other than title</td>
</tr>
<tr>
<td><code>label.icon</code></td>
<td>string</td>
<td>&lsquo;/apple-touch-icon.png&rsquo;</td>
<td>To display a logo image in label</td>
</tr>
<tr>
<td><code>label.iconHeight</code></td>
<td>integer</td>
<td>35</td>
<td>To set size of label logo image</td>
</tr>
</tbody>
</table>
<h4 id="profilemode">profileMode<a hidden class="anchor" aria-hidden="true" href="#profilemode">#</a></h4>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>profileMode.enabled</code></td>
<td>boolean</td>
<td>true | false</td>
<td>For enabling profileMode, needs to be explicitly set</td>
</tr>
<tr>
<td><code>profileMode.title</code></td>
<td>string</td>
<td>&ldquo;Title&rdquo;</td>
<td>Title</td>
</tr>
<tr>
<td><code>profileMode.subtitle</code></td>
<td>string</td>
<td>&ldquo;subtitle here&rdquo;</td>
<td>Subtitle</td>
</tr>
<tr>
<td><code>profileMode.imageUrl</code></td>
<td>string</td>
<td>&ldquo;image.png&rdquo; | &ldquo;<a href="https://example.com/image.jpg%22">https://example.com/image.jpg&quot;</a></td>
<td>Image URL or Link</td>
</tr>
<tr>
<td><code>profileMode.imageWidth </code></td>
<td>string</td>
<td>&ldquo;150&rdquo;</td>
<td>Width of image</td>
</tr>
<tr>
<td><code>profileMode.imageHeight</code></td>
<td>string</td>
<td>&ldquo;150&rdquo;</td>
<td>Height of image</td>
</tr>
<tr>
<td><code>profileMode.imageTitle</code></td>
<td>string</td>
<td>&ldquo;This image is a picture of ..&rdquo;</td>
<td>Title of image</td>
</tr>
<tr>
<td><code>profileMode.buttons</code></td>
<td>-</td>
<td>-</td>
<td><a href="#profileModebuttons">Details</a></td>
</tr>
</tbody>
</table>
<h5 id="profilemodebuttons">profileMode.buttons<a hidden class="anchor" aria-hidden="true" href="#profilemodebuttons">#</a></h5>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">profileMode</span>:
    <span style="color:#f92672">buttons</span>:
        - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">Archive</span>
        <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;/archive&#34;</span>
        - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">Github</span>
        <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;https://github.com/&#34;</span>
</code></pre></div><h4 id="assets">assets<a hidden class="anchor" aria-hidden="true" href="#assets">#</a></h4>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>assets.favicon</code></td>
<td>string</td>
<td>&lsquo;icon.ico&rsquo;</td>
<td>To set favicon, can be path or external link</td>
</tr>
<tr>
<td><code>assets.disableHLJS</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable Highlight.js loading</td>
</tr>
<tr>
<td><code>assets.disableFingerprinting</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable Sub-Resource integrity for assets</td>
</tr>
</tbody>
</table>
<h4 id="cover">cover<a hidden class="anchor" aria-hidden="true" href="#cover">#</a></h4>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>cover.linkFullImages</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To open full size cover images on click on cover</td>
</tr>
<tr>
<td><code>cover.responsiveImages</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To enable/disable generation of responsive cover images</td>
</tr>
<tr>
<td><code>cover.hidden</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To hide everywhere but not in structured data</td>
</tr>
<tr>
<td><code>cover.hiddenInList</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To hide on list pages and home</td>
</tr>
<tr>
<td><code>cover.hiddenInSingle </code></td>
<td>boolean</td>
<td>true | false</td>
<td>To hide on list pages and home</td>
</tr>
</tbody>
</table>
<h4 id="schema">schema<a hidden class="anchor" aria-hidden="true" href="#schema">#</a></h4>
<table>
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>schema.publisherType</code></td>
<td>string</td>
<td>&lsquo;Organization&rsquo;</td>
<td><a href="https://schema.org/publisher">https://schema.org/publisher</a></td>
</tr>
<tr>
<td><code>schema.sameAs</code></td>
<td>list</td>
<td>[&ldquo;URL1&rdquo;, &ldquo;URL2&rdquo;]</td>
<td>Set <a href="https://schema.org/sameAs">https://schema.org/sameAs</a></td>
</tr>
</tbody>
</table>
<h4 id="fuseopts">fuseOpts<a hidden class="anchor" aria-hidden="true" href="#fuseopts">#</a></h4>
<p>Refer: <a href="https://fusejs.io/api/options.html">https://fusejs.io/api/options.html</a></p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">fuseOpts</span>:
  <span style="color:#f92672">isCaseSensitive</span>: <span style="color:#66d9ef">false</span>
  <span style="color:#f92672">shouldSort</span>: <span style="color:#66d9ef">true</span>
  <span style="color:#f92672">location</span>: <span style="color:#ae81ff">0</span>
  <span style="color:#f92672">distance</span>: <span style="color:#ae81ff">1000</span>
  <span style="color:#f92672">threshold</span>: <span style="color:#ae81ff">0.4</span>
  <span style="color:#f92672">minMatchCharLength</span>: <span style="color:#ae81ff">0</span>
  <span style="color:#f92672">keys</span>: [<span style="color:#e6db74">&#34;title&#34;</span>, <span style="color:#e6db74">&#34;permalink&#34;</span>, <span style="color:#e6db74">&#34;summary&#34;</span>, <span style="color:#e6db74">&#34;content&#34;</span>] <span style="color:#75715e">##  can be less but not more than shown in list</span>
</code></pre></div><h4 id="socialicons">socialIcons<a hidden class="anchor" aria-hidden="true" href="#socialicons">#</a></h4>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">socialIcons</span>:
    - <span style="color:#f92672">name</span>: <span style="color:#e6db74">&#34;&lt;platform&gt;&#34;</span>
        <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;&lt;link&gt;&#34;</span>
    - <span style="color:#f92672">name</span>: <span style="color:#e6db74">&#34;&lt;platform 2&gt;&#34;</span>
        <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;&lt;link2&gt;&#34;</span>
</code></pre></div><h4 id="editpost">editPost<a hidden class="anchor" aria-hidden="true" href="#editpost">#</a></h4>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">editPost</span>:
  <span style="color:#f92672">URL</span>: <span style="color:#e6db74">&#34;https://github.com/&lt;path_to_repo&gt;/content&#34;</span>
  <span style="color:#f92672">Text</span>: <span style="color:#e6db74">&#34;Suggest Changes&#34;</span> <span style="color:#75715e"># edit text</span>
  <span style="color:#f92672">appendFilePath</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># to append file path to Edit link</span>
</code></pre></div><blockquote>
<p>Note: Same format is being used by Page Variables</p>
</blockquote>
<hr>
<h3 id="page-variables">Page Variables<a hidden class="anchor" aria-hidden="true" href="#page-variables">#</a></h3>
<table>
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>showtoc</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show/hide Table of Contents</td>
</tr>
<tr>
<td><code>tocopen</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To keep open ToC by default on page load</td>
</tr>
<tr>
<td><code>hidemeta</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To Hide meta elements : date, read-time, author and available-translations for page</td>
</tr>
<tr>
<td><code>comments</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show/hide comments</td>
</tr>
<tr>
<td><code>description</code></td>
<td>string</td>
<td>&lsquo;description text&rsquo;</td>
<td>Show Post Description under Title</td>
</tr>
<tr>
<td><code>canonicalURL</code></td>
<td>string</td>
<td>&ldquo;<a href="https://canonical.url/to/page%22">https://canonical.url/to/page&quot;</a></td>
<td>To add canonical URL to posts</td>
</tr>
<tr>
<td><code>disableShare</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To hide/show share icons under a page</td>
</tr>
<tr>
<td><code>disableHLJS</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable Highlight.js loading</td>
</tr>
<tr>
<td><code>disableAnchoredHeadings</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To disable Anchored Headings</td>
</tr>
<tr>
<td><code>searchHidden</code></td>
<td>boolean</td>
<td>true | false</td>
<td>Hide page from search</td>
</tr>
<tr>
<td><code>hideSummary</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To Hide summary being shown in list pages</td>
</tr>
<tr>
<td><code>ShowReadingTime</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To show read time in post meta</td>
</tr>
<tr>
<td><code>ShowBreadCrumbs</code></td>
<td>boolean</td>
<td>true | false</td>
<td>Show BreadCrumb Navigation above single post/page</td>
</tr>
<tr>
<td><code>ShowPostNavLinks</code></td>
<td>boolean</td>
<td>true | false</td>
<td>Show Previous and Next Posts below a Post</td>
</tr>
<tr>
<td><code>author</code></td>
<td>string |list</td>
<td>&lsquo;Me&rsquo; | [&lsquo;Me&rsquo;,&lsquo;You&rsquo;]</td>
<td>To show multiple Authors</td>
</tr>
<tr>
<td><code>cover.image</code></td>
<td>string</td>
<td>&lsquo;featured.jpg&rsquo;</td>
<td>To add a cover image</td>
</tr>
<tr>
<td><code>cover.caption </code></td>
<td>string</td>
<td>&lsquo;caption for image&rsquo;</td>
<td>To add caption to cover image</td>
</tr>
<tr>
<td><code>cover.alt</code></td>
<td>string</td>
<td>&lsquo;this is cover image&rsquo;</td>
<td>Alternate text to show if image doesn&rsquo;t load/show up</td>
</tr>
<tr>
<td><code>cover.relative</code></td>
<td>boolean</td>
<td>true | false</td>
<td>To use relative path for cover image, used in hugo Page-bundles</td>
</tr>
<tr>
<td><code>cover.hidden </code></td>
<td>boolean</td>
<td>true | false</td>
<td>To hide on current single page</td>
</tr>
<tr>
<td><code>weight </code></td>
<td>integer</td>
<td>5</td>
<td>To set page order or to pin a post to Top of list</td>
</tr>
</tbody>
</table>

</div>
  <footer class="post-footer">
    <ul class="post-tags">
      <li><a href="http://zouheng22.gitee.io/flippedzh/tags/papermod/">PaperMod</a></li>
    </ul>
<nav class="paginav">
  <a class="prev" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-icons/">
    <span class="title">« Prev Page</span>
    <br>
    <span>Icons</span>
  </a>
  <a class="next" href="http://zouheng22.gitee.io/flippedzh/posts/yolov5%E5%BF%AB%E9%80%9F%E4%BD%BF%E7%94%A8/">
    <span class="title">Next Page »</span>
    <br>
    <span>yolov5快速使用</span>
  </a>
</nav>

<div class="share-buttons">
    <a target="_blank" rel="noopener noreferrer" aria-label="share Variables | Front Matter on twitter"
        href="https://weibo.com/">
        <svg height="256px" style="enable-background:new 0 0 256 256;" version="1.1" viewBox="0 0 256 256" width="256px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Background_1_" style="enable-background:new    ;">
        <g id="Background">
            <g>
                <path d="M249.422,30.68c-2.721-4.986-5.816-9.537-9.793-13.521     c-3.992-3.998-8.709-7.587-13.703-10.314c-8.381-4.576-18.788-6.855-29.002-6.855H59.075c-10.444,0-20.542,2.344-29.265,6.948     c-5.022,2.649-9.588,6.146-13.502,10.126c-3.932,3.998-7.491,8.488-10.046,13.572c-4.289,8.533-6.274,18.478-6.274,28.65v137.43     c0,10.326,1.671,20.678,6.296,29.134c2.681,4.9,6.191,9.86,10.087,13.795c3.934,3.97,8.583,7.225,13.503,9.955     c8.465,4.7,18.842,6.413,29.201,6.413h137.849c10.568,0,20.399-1.523,28.982-6.401c4.739-2.692,9.879-6.113,13.687-9.966     c3.923-3.968,7.2-8.851,9.886-13.799c4.566-8.415,6.533-18.874,6.533-29.131V59.285C256.012,48.978,254.031,39.124,249.422,30.68     z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFE591;"/>
            </g>
        </g>
    </g>
        <g id="Shape_4_1_" style="enable-background:new    ;">
            <g id="Shape_4">
                <g>
                <path d="M169.217,151.074c-2.088-20.866-29.861-35.239-62.04-32.095     c-32.171,3.145-56.568,22.611-54.478,43.479c2.09,20.876,29.865,35.248,62.039,32.11     C146.916,191.425,171.303,171.957,169.217,151.074z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;"/>
            </g></g>
        </g><g id="Shape_3_1_" style="enable-background:new    ;">
            <g id="Shape_3"><g><path d="M179.092,125.276c-2.738-0.812-4.615-1.361-3.18-4.917     c3.104-7.715,3.425-14.372,0.059-19.121c-6.311-8.908-23.572-8.427-43.359-0.239c0-0.011-6.212,2.687-4.625-2.184     c3.044-9.67,2.585-17.771-2.151-22.444c-10.736-10.616-39.284,0.399-63.764,24.585c-18.333,18.12-28.979,37.325-28.979,53.928     c0,31.76,41.215,51.07,81.536,51.07c52.858,0,88.019-30.345,88.019-54.443C202.648,136.952,190.239,128.692,179.092,125.276z      M114.738,194.569c-32.174,3.138-59.949-11.234-62.039-32.11c-2.09-20.868,22.307-40.335,54.478-43.479     c32.179-3.145,59.952,11.229,62.04,32.095C171.303,171.957,146.916,191.425,114.738,194.569z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#CD201F;"/></g></g></g><g id="Shape_2_1_" style="enable-background:new    ;"><g id="Shape_2"><g><path d="M117.572,134.441c-15.319-3.905-32.636,3.573-39.29,16.802     c-6.777,13.483-0.225,28.456,15.254,33.354c16.032,5.063,34.93-2.701,41.5-17.255     C141.516,153.107,133.426,138.454,117.572,134.441z M105.874,168.889c-3.115,4.863-9.783,6.996-14.806,4.749     c-4.949-2.204-6.411-7.861-3.296-12.604c3.076-4.729,9.52-6.834,14.505-4.785C107.321,158.354,108.931,163.969,105.874,168.889z      M116.131,155.985c-1.125,1.887-3.615,2.794-5.565,2.007c-1.917-0.772-2.518-2.878-1.429-4.735     c1.122-1.844,3.513-2.744,5.427-1.999C116.508,151.952,117.206,154.086,116.131,155.985z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#232323;"/></g></g></g><g id="Shape_1_1_" style="enable-background:new    ;"><g id="Shape_1"><g><path d="M212.111,67.308c-12.48-14.403-30.891-19.894-47.882-16.133     h-0.007c-3.932,0.876-6.438,4.901-5.598,8.986c0.839,4.089,4.706,6.701,8.639,5.829c12.088-2.672,25.168,1.236,34.043,11.467     c8.863,10.23,11.271,24.185,7.475,36.416l0.002,0.004c-1.236,3.986,0.856,8.247,4.689,9.535c3.817,1.288,7.922-0.891,9.16-4.864     c0-0.008,0-0.022,0.003-0.03C227.965,101.311,224.595,81.696,212.111,67.308z M169.621,77.464     c-3.383,0.751-5.54,4.218-4.815,7.743c0.726,3.51,4.052,5.767,7.429,5.001v0.007c4.048-0.89,8.436,0.409,11.404,3.831     c2.975,3.43,3.773,8.104,2.497,12.203h0.007c-1.061,3.422,0.738,7.103,4.03,8.214c3.292,1.097,6.823-0.773,7.884-4.203     c2.603-8.383,0.977-17.936-5.111-24.95C186.871,78.296,177.901,75.632,169.621,77.464z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#DD880C;"/></g></g></g></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Variables | Front Matter on linkedin"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-variables%2f&amp;title=Variables%20%7c%20Front%20Matter&amp;summary=Variables%20%7c%20Front%20Matter&amp;source=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-variables%2f">
    
        <svg id="douyin" t="1570181112474" class="icon" viewBox="0 0 1024 1024" version="1.1"
          xmlns="http://www.w3.org/2000/svg" p-id="2916" width="128" height="128">
          <path
            d="M937.386667 423.850667a387.84 387.84 0 0 1-232.874667-77.824v352.341333C704.512 878.250667 565.930667 1024 394.922667 1024S85.333333 878.250667 85.333333 698.368c0-179.882667 138.581333-325.632 309.589334-325.632 17.066667 0 33.706667 1.450667 49.92 4.266667v186.624a131.754667 131.754667 0 0 0-48.64-9.216c-76.288 0-138.154667 65.024-138.154667 145.322666 0 80.213333 61.866667 145.322667 138.24 145.322667 76.202667 0 138.069333-65.109333 138.069333-145.322667V0h172.714667c0 134.485333 103.68 243.541333 231.594667 243.541333v180.309334h-1.28"
            p-id="2917"></path>
        </svg>

    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Variables | Front Matter on reddit"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-variables%2f&amp;title=Variables%20%7c%20Front%20Matter&amp;summary=Variables%20%7c%20Front%20Matter&amp;source=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-variables%2f">
        <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m437 0h-362c-41.398438 0-75 34.601562-75 76v361c0 41.398438 33.601562 75 75 75h362c41.398438 0 75-33.601562 75-75v-361c0-41.398438-33.601562-76-75-76zm0 0" fill="#25d9f8"/><path d="m512 76v361c0 41.398438-33.601562 75-75 75h-181v-512h181c41.398438 0 75 34.601562 75 76zm0 0" fill="#00c0f1"/><g fill="#ececf1"><path d="m121 196h60v211h-60zm0 0"/><path d="m121 106h60v60h-60zm0 0"/><path d="m391 275.800781v131.199219h-60v-121c0-16.5-13.5-30-30-30s-30 13.5-30 30v121h-60v-211h60v11.398438c15.601562-5.097657 25.800781-11.398438 45-11.398438 40.800781 0 75 36.597656 75 79.800781zm0 0"/></g><path d="m391 275.800781v131.199219h-60v-121c0-16.5-13.5-30-30-30s-30 13.5-30 30v121h-15v-211h15v11.398438c15.601562-5.097657 25.800781-11.398438 45-11.398438 40.800781 0 75 36.597656 75 79.800781zm0 0" fill="#e2e2e7"/></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Variables | Front Matter on facebook"
        href="https://facebook.com/sharer/sharer.php?u=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-variables%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Variables | Front Matter on whatsapp"
        href="https://weixin.qq.com/">
        <svg height="512pt" viewBox="0 -45 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m138.667969 96h-21.335938v21.332031h21.335938zm0 0"/><path d="m245.332031 96h-21.332031v21.332031h21.332031zm0 0"/><path d="m320 224h-21.332031v21.332031h21.332031zm0 0"/><path d="m426.667969 224h-21.335938v21.332031h21.335938zm0 0"/><path d="m469.332031 422.535156-65.730469-32.800781c-13.398437 3.269531-27.140624 4.925781-40.933593 4.933594-82.402344 0-149.335938-57.46875-149.335938-128 0-70.535157 66.933594-128 149.335938-128 82.398437 0 149.332031 57.464843 149.332031 128 0 33.867187-15.066406 65.464843-42.667969 89.464843zm-63.332031-55.46875 42 21.066406v-42l4-3.199218c24.933594-20.265625 38.667969-47.332032 38.667969-76.265625 0-58.800781-57.46875-106.667969-128-106.667969-70.535157 0-128 47.867188-128 106.667969 0 58.796875 57.464843 106.664062 128 106.664062 13.324219.019531 26.597656-1.730469 39.464843-5.199219zm0 0"/><path d="m64 326.535156v-63.335937c-40.800781-28.53125-64-69.734375-64-113.867188 0-82.398437 81.332031-149.332031 181.332031-149.332031s181.335938 66.933594 181.335938 149.332031l-21.335938.402344v-.402344c0-70.53125-71.730469-128-160-128-88.265625 0-160 57.46875-160 128 0 38.535157 21.601563 74.667969 59.203125 99.203125l4.796875 3.199219v40.398437l43.601563-21.734374 3.867187.933593c29.613281 7.433594 60.539063 7.980469 90.398438 1.601563l4.535156 20.800781c-31.761719 6.785156-64.625 6.511719-96.269531-.800781zm0 0"/></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Variables | Front Matter on telegram"
        href="https://telegram.me/share/url?text=Variables%20%7c%20Front%20Matter&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-variables%2f">
        <svg version="1.1" xml:space="preserve" viewBox="2 2 28 28">
            <path
                d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
        </svg>
    </a>
</div>

  </footer>
</article>
    </main>
    <footer class="footer">
    <span>&copy; 2021 <a href="http://zouheng22.gitee.io/flippedzh">flipped</a></span>
    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>

<script>
    let menu = document.getElementById('menu')
    menu.scrollLeft = localStorage.getItem("menu-scroll-position");
    menu.onscroll = function () {
        localStorage.setItem("menu-scroll-position", menu.scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
<script>
    document.querySelectorAll('pre > code').forEach((codeblock) => {
        const container = codeblock.parentNode.parentNode;

        const copybutton = document.createElement('button');
        copybutton.classList.add('copy-code');
        copybutton.innerText = 'copy';

        function copyingDone() {
            copybutton.innerText = 'copied!';
            setTimeout(() => {
                copybutton.innerText = 'copy';
            }, 2000);
        }

        copybutton.addEventListener('click', (cb) => {
            if ('clipboard' in navigator) {
                navigator.clipboard.writeText(codeblock.textContent);
                copyingDone();
                return;
            }

            const range = document.createRange();
            range.selectNodeContents(codeblock);
            const selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            try {
                document.execCommand('copy');
                copyingDone();
            } catch (e) { };
            selection.removeRange(range);
        });

        if (container.classList.contains("highlight")) {
            container.appendChild(copybutton);
        } else if (container.parentNode.firstChild == container) {
            
        } else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
            
            codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
        } else {
            
            codeblock.parentNode.appendChild(copybutton);
        }
    });
</script>
</body>

</html>
